![Introducing Enhanced Alert Actions and Triage Functionality](https://cdn.sanity.io/images/cgdhsj6q/production/fe71306d515f85de6139b46745ea7180362324f0-2530x946.png?w=800&fit=max&auto=format)
Product
Introducing Enhanced Alert Actions and Triage Functionality
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
nuke-text
Advanced tools
Readme
Text 用于显示文本,在 web 端即 <span>
标签。
注意: Text 标签不支持嵌套,嵌套使用可能会导致意想不到的结果。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
style | 样式,默认 32 | object | {display:'block',fontSize:32} |
onPress | 点击事件 | function | |
numberOfLines | 显示的行数 | number | |
fixedFont | 字体大小是否固定,默认 false ,即跟随屏幕宽度缩放 | false |
// 超出 2 行隐藏且显示省略号
<View style={{ backgroundColor: '#cccccc' }}>
<Text
numberOfLines={2}
style={{
fontSize: 28,
textOverflow: 'ellipsis',
overflow: 'hidden',
color: '#333333',
lineHeight: 48,
height: 48 * 2
}}
>
Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex
to build a real mobile app.
</Text>
</View>
由于 rem 单位是根据屏幕宽度计算而自动缩放的:
750rem = 1 deviceWidth
因此,<Text style={{fontSize: 28}}>123</Text>
实际算出来的字号也是随着屏幕宽度缩放的。
某些场景下,为了避免屏幕超大、超小导致文字过大或过小,你可以选择 fixedFont 来固化字号的显示。
例如:<Text style={{fontSize: 28}} fixedFont={true}>123</Text>
这意味字体实际字号将被解析为:
web: 14px;
native iOS: 14 dp;
native android: 14 pt;
native 端的 dp
pt
确保了字号在任何不同 dpi 的手机屏幕上显示不会发生改变。
在部分支持自定义字体的客户端中,你可能需要将全局字体进行自定义设置。配合[nuke-theme-provider],或直接注入context
,
如下eg:
<StyleProvider commonConfigs={{ fontFamily: 'OpenSans-bold' }}>
<Text>中文</Text>
<Button>按钮</Button>
<Icon></Icon>
</StyleProvider>
即可完成全局字体的替换,包括使用了Text组件而未设置字体的其他UI组件
PS: 已经设置了字体family的Icon不受影响,和Text不受影响。
RTL 排版与国际化 demo
const rtlText = 'مرحبا كيف حالك؟';
<Text style={{ fontSize: 28, textAlign: 'right', direction: 'rtl' }}>
{rtlText}
</Text>
FAQs
The npm package nuke-text receives a total of 32 weekly downloads. As such, nuke-text popularity was classified as not popular.
We found that nuke-text demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
Security News
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
Security News
OpenSSF is warning open source maintainers to stay vigilant against reputation farming on GitHub, where users artificially inflate their status by manipulating interactions on closed issues and PRs.